<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        h3 {
            border-top: 4px solid #7c7;
            background-color: #efe;
            color: #050;
        }
        img {
            border: 2px solid #ccc;
        }
        p.remark {
            border: 2px solid red;
            padding: 8px 18px;
            margin: 24px 44px 24px 55px;
        }
    </style>
</head>
<body>
<!--内边距和元素背景色一样-->
<h3>样式化后的标题</h3>
<img src="../assets/Blue-rule.png" alt="">
<p>这是一个普通的段落.</p>
<p class="remark">这是一个标记的段落.</p>

</body>
</html>
